{% extends "panel/panel_base.html" %}
{% load thumb %}
{% block extra_head %}
<script type="text/javascript" src="{{MEDIA_URL}}js/jquery.js"></script>
<script type="text/javascript" src="{{MEDIA_URL}}js/jquery.lightbox-0.5.js"></script>
<link rel="stylesheet" type="text/css" href="{{MEDIA_URL}}css/jquery.lightbox-0.5.css" media="screen" />
<script type="text/javascript">
$(function() {
	$('a.lightbox').lightBox(); // Select all links with lightbox class
});
</script>
{% endblock %}
{% block panel_title%}Photo Gallery: {{images.title}} {% if own %}| <a style="color: #616161" href="http://fblaconnection.com/panel/{{user.username}}/gallery/{{ugallery.id}}/image/{{images.id}}/edit/">Edit Image Details</a>{% endif %}{% endblock %}
{% block panel_content %}
		<span class="gallery_title">FROM: <a href="http://fblaconnection.com/panel/{{user.username}}/gallery/{{ugallery.title|slugify}}/">
			{{ugallery.title|upper}}</a></span> <br />
		<span class="image_detail">Image Details: <br />
			Title: {{images.title}}<br />
			Description: <br />{{images.description}}<br />
			Date Added: {{images.date_added|date}}<br />
			Uploaded By: {{ugallery.owner.first_name}} {{ugallery.owner.last_name}}<br /><br />
		</span>
		
		<a href="{{MEDIA_URL}}{{images.image}}"><img class="full_image" src="{{MEDIA_URL}}{{images.image}}" alt="{{images.title}}" /></a>
{% endblock %}